.panel {
	width: 360px;
}

.gradient1 {
	background: #516B89;
	background: linear-gradient(45deg, #304050 20%, #516B89 60%, #516B89 70%, #384A63
		100%);
}

.gradient2 {
	background: #5E8B67;
	background: linear-gradient(45deg, #344E38 20%, #5E8B67 60%, #5E8B67 70%, #436448
		100%);
}

.gradient3 {
	background: #567A88;
	background: linear-gradient(45deg, #344A52 20%, #567A88 60%, #567A88 70%, #3A5560
		100%);
}

.gradient4 {
	background: #ACACAC;
	background: linear-gradient(45deg, #4E4E4E 20%, #ACACAC 60%, #ACACAC 70%, #7D7D7D
		100%);
}

.form {
	background-position: 100% 100%;
	background-repeat: no-repeat;
	height: 100%;
}

.gradient1>.form {
	background-image: url("../img/login/i1.png");
}

.gradient2>.form {
	background-image: url("../img/login/i2.png");
}

.gradient3>.form {
	background-image: url("../img/login/i3.png");
}

.gradient4>.form {
	background-image: url("../img/login/i4.png");
}

body {
	background: #304050;
}

.bg {
	background-image: url("../img/login/bg.png");
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

.login-box {
	position: fixed !important;
	top: 20%;
	right: 50%;
	margin-right:-13em;
	width: 26em;
	height: 60%;
	z-index: 100;
}

.login-box h2 {
	font-family: "微软雅黑";
	font-weight: bold;
	color: #FFFFFF;
	font-size: 2em;
}

.login-box h3 {
	font-family: "微软雅黑";
	font-weight: bold;
	font-size: 1.5em;
	color: #707691;
	margin: 0.5em;
}

.bb-message {
	color: #ff6d0e;
	margin-bottom: 1.5em;
	height: 1em;
}

.login-box-inner {
	width: 100%;
	margin-top: 15%;
	height: 30em;
	background-color: #FFFFFF;
	border-radius: 1em;
	box-shadow: 0 0 0.65em 0.35em rgba(60, 52, 49, 0.5);
	padding: 10%;
}

.login-box-icon {
	width: 3.6em;
	height: 3.6em;
	border: 0.9em solid #FFFFFF;
	border-radius: 1.8em;
	position: relative;
	z-index: 101;
	top: -31.6em;
	background-color: #5A768C;
}

.form-group {
	margin-bottom: 2.4em;
}

.form-control {
	height: 3em;
	border: 0px solid #ccc;
	background-color: #EAEDF1;
}

.checkbox>div {
	width: 50%;
	float: left;
	font-family: "微软雅黑";
	font-size: 1em;
}

.checkbox>div:FIRST-CHILD {
	padding-left: 2%;
}

.btn-login {
	margin-top: 10%;
	width: 60%;
	height: 2.4em;
	border-radius: 2em;
	background-color: #68A49F;
	font-size: 1.3em;
	font-family: "微软雅黑";
	font-weight: bold;
	color: #FFFFFF;
}

.btn-login:HOVER {
	color: #FFFFFF;
	box-shadow: 0 0 2px 2px rgba(60, 52, 49, 0.5);
}

.btn-login:focus, .btn-login:active:focus, .btn-login.active:focus,
	.btn-login.focus, .btn-login:active.focus, .btn-login.active.focus {
	outline: none;
	color: #FFFFFF;
}

.navbar-fixed-top .navbar-right>li {
	font-family: "微软雅黑";
	color: #383838;
}

.navbar-fixed-top .navbar-right a {
	background-color: #f8f8f8;
	padding: 1em 2em;
}

.navbar-fixed-top .navbar-right>.active {
	border-bottom: 3px solid #00C1DE;
}

.navbar-fixed-top .navbar-right>.active a {
	background-color: #F4F8F9;
}

.navbar-fixed-top .navbar-right li.line {
	position: relative;
	height: 3px;
	top: 48px;
	left: -672px;
	background-color: #00C1DE;
	bottom: 0;
	width: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar {
	min-height: 51px;
	margin-bottom: 0;
	border: 0px solid transparent;
	box-shadow: 0 9px 60px #294149;
}

.dropdown-menu {
	background-color: #F3F3F3;
	opacity: 0.95;
	border-top: 2px solid #E3E3E3;
	padding: 0.4em 0.4em 0 0.4em;
	top: 52px;
}

.dropdown-menu li {
	background-color: #C9D0D2;
	list-style: none;
	padding: 0.3em 1.6em;
	margin-bottom: 0.4em;
	width: 18em;
}
.dropdown-menu .name {
	color: #373D41;
}

.dropdown-menu .note {
	color: #838384;
	font-size: 0.7em;
}

